CSS/HTML

推荐列表 站点导航

当前位置:首页 > 脚本编程 > CSS/HTML >

如何居中一个浮动元素?如何让绝对定位的div居中?

来源:网络整理  作者:  发布时间:2020-12-22 09:07
css快速入门:文中为大家介绍了居中一个浮动元素及让绝对定位的div居中的方法,具有一定的参考价值,希望可以帮...
border: 1px solid red; float: left; position: absolute; width: 200px; height: 100px; left: 50%; top: 50%; margin: -50px 0 0 -100px;

绝对定位的左右居中:

border: 1px solid red; margin: 0 auto; height: 50px; width: 80px;

浮动元素的上下左右居中:

如何居中一个浮动元素?如何让绝对定位的div居中?

如何居中一个浮动元素?如何让绝对定位的div居中?

div居中:

border: 1px solid black; position: absolute; width: 200px; height: 100px; margin: 0 auto; left: 0; right: 0;

推荐教程:css快速入门

以上就是如何居中一个浮动元素?如何让绝对定位的div居中?的详细内容,更多请关注聚合云库其它相关文章!

相关热词:

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/7055.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

如何居中一个浮动元素?如何让绝对定位的div居中?

2020-12-22 编辑:

border: 1px solid red; float: left; position: absolute; width: 200px; height: 100px; left: 50%; top: 50%; margin: -50px 0 0 -100px;

绝对定位的左右居中:

border: 1px solid red; margin: 0 auto; height: 50px; width: 80px;

浮动元素的上下左右居中:

如何居中一个浮动元素?如何让绝对定位的div居中?

如何居中一个浮动元素?如何让绝对定位的div居中?

div居中:

border: 1px solid black; position: absolute; width: 200px; height: 100px; margin: 0 auto; left: 0; right: 0;

推荐教程:css快速入门

以上就是如何居中一个浮动元素?如何让绝对定位的div居中?的详细内容,更多请关注聚合云库其它相关文章!

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jiaob/cssm/7055.shtml

相关文章

风云图片

推荐阅读

返回CSS/HTML频道首页